<!--<script type="text/javascript">
  $(document).ready(function() {
    var dates = $( "#date_from, #date_to" ).datepicker({
      dateFormat: 'yy-mm-dd',
      changeMonth: true,
      changeYear: true,
      onSelect: function( selectedDate ) {
        var option = this.id == "date_from" ? "minDate" : "maxDate",
          instance = $( this ).data( "datepicker" ),
          date = $.datepicker.parseDate(
            instance.settings.dateFormat ||
            $.datepicker._defaults.dateFormat,
            selectedDate, instance.settings );
        dates.not( this ).datepicker( "option", option, date );
      }
    });
  });
</script>-->
<!-- Main Content -->
	<section role="main" class="page-wrapper">
		<!-- Dashboard -->

<!--		<section id="dashboard">
			 Breadcumbs
			<?php //include_component('slot', 'breadcrumb') ?>
			 /Breadcumbs
		</section>
		 /Dashboard -->

		<!-- Full width content box with minimizer -->
		<article class="content-box minimizer">
			<header>
				<?php echo include_partial("dataNavigation") ?>
			</header>
			<section>

				<!-- Tab Content #tab1 -->
				<div class="tab default-tab" id="tab1">
          <?php if($sf_user->hasGroup('admin')): ?>
            <?php include_partial('slot/searchForm',array('type'=>'corporateindividual')) ?>
          <?php elseif($sf_user->hasPermission('search')): ?>
            <?php include_partial('slot/referenceSearchForm') ?>
          <?php endif; ?>
				  <div id="idTableNotify" style="display: none; margin-bottom: 10px;"></div>
					<?php include_partial("dataTable",array('tableColumns'=>$tableColumns)) ?>
				</div>
				<!-- /Tab Content #tab1 -->

				<!-- Tab Content #tab2 -->
				<div class="tab" id="tab2">
          <h3>Application Form</h3>
          <div id="tab2-content"></div>
				</div>
				<!-- /Tab Content #tab2 -->

			</section>
<!--			<footer>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum aliquet nisi ac risus tincidunt gravida. Cras imperdiet mattis nisl et suscipit.</footer>-->
		</article>
		<!-- /Full width content box with minimizer -->

	</section>
	<!-- /Main Content -->

  <div id="delete_box" style="display:none">
    <h3>Are you sure you want to delete this?</h3>
    <button id="yes_delete" class="blue">Yes</button>
    <button id="no_delete" class="blue">No</button>
  </div>

<script type="text/javascript">
  var editing = false;

  $(document).ready(function() {
    $('#date_from,#date_to').datepick();
    $('#date_from,#date_to').datepick('option',
        {dateFormat: 'yyyy-mm-dd'}
    );

    $('.nyroModal').live('mouseover',function() {
      $(this).nyroModal({
        sizes: {
          minH: 150
        }
      });

    });

  });
</script>